<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
		<meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
		<title>全部课程列表</title>
		<link rel="stylesheet" type="text/css" href="../../lib/api.css" />
		<link rel="stylesheet" type="text/css" href="../../lib/font-awesome.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/course/allClass.css"/>
	</head>

	<body>
		<div id="app" v-cloak>
			<!--公共头部开始-->
			<div class="back-header fixed">
				<a v-on:click="close()" class="back-header-a">
					<i class="fa fa-angle-left fa-2x white middle"></i>
				</a>
				<div class="back-header-main">课程列表</div>
			</div>
			<!--公共头部结束-->
			<ul class="class-list">
				<li class="class-list-li" v-for="list in classList" v-on:click="jumpDetails(list.id)">
					<div class="class-list-li-header">
						<span class="class-list-li-time">2017-05-02 16:00</span>
					</div>
					<div class="class-list-li-main">
						<img class="class-list-head" :src="url + (list.thumb_path) + (list.thumb)"/>
						<div class="class-list-li-content">
							<h4 class="class-list-li-title">{{list.title}}</h4>
							<div class="class-list-li-c">
								<img class="class-list-li-svg" src="../../lib/svg/shop/7.svg"/>
								<span class="class-list-li-svg-span">总课时 {{list.max_lesson}}</span>
								<img class="class-list-li-svg"  src="../../lib/svg/shop/7.svg"/>
								<span class="class-list-li-svg-span">完成 {{list.had_lesson}}</span>
								<img class="class-list-li-svg" src="../../lib/svg/shop/7.svg"/>
								<span class="class-list-li-svg-span">剩余 {{list.no_lesson}}</span>
								<div class="clear"></div>
							</div>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</body>
	<script src="../../script/api.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/vue.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/config.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/common/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="../../script/course/allClass.js" type="text/javascript" charset="utf-8"></script>

</html>